  <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
  <script type="text/javascript" src="js/jquery.validate.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $("#formId").validate({
      rules:{
        email:{
          required:true,
          email:true
        }
      }

  });
});
</script>
<style>
  .error{
    color:red;
  }
  .valid{
    color:green;
  }
</style>
<form id="formId">

  <input type="text" name="email" placeholder="Email"><br/>
  <input type="password" name="password" placeholder="Password"><br/>
  <input type="submit" value="login here">
</form>
